<template>
	<view class="searchWrap">
		<view class="searchInput" @tap="gotoSearchPage">
			<i class="iconfont icon-fangdajing"></i>
			<span>{{ defaultSearchWord }}</span>
		</view>
	</view>
</template>

<script>
	export default {
		name:"search",
		props:['defaultSearchWord'],
		data() {
			return {
			}
		},
		methods:{
			gotoSearchPage() {
				uni.navigateTo({
					url: `../searchsong/searchsong?defaultWord=${this.defaultSearchWord}`
				})
			}
		}
	}
</script>

<style scoped>
.searchWrap {
	width: 100vw;
	height: 12vw;
	background-color: #F0F0F0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.searchInput {
	width: 90%;
	height: 60%;
	background-color: #ffffff;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #bebebe;
}
.searchInput span {
	margin-left: 2px;
	letter-spacing: 1.5px;
}
</style>
